<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
	<title>风云变幻视频</title>
	<link href="css/video-js.css" rel="stylesheet">
  <script src="js/video.js"></script>
  <script src="js/videojs-contrib-hls.js"></script>
    <style type="text/css">
    .video-js .vjs-big-play-button{
	    font-size: 2.5em;
	    line-height: 2.3em;
	    height: 2.5em;
	    width: 2.5em;
	    -webkit-border-radius: 2.5em;
	    -moz-border-radius: 2.5em;
	    border-radius: 2.5em;
	    background-color: #73859f;
	    background-color: rgba(115,133,159,.5);
	    border-width: 0.15em;
	    margin-top: -1.25em;
	    margin-left: -1.75em;
	}
	/* 中间的播放箭头 */
	.vjs-big-play-button .vjs-icon-placeholder {
	    font-size: 1.63em;
	}
	/* 加载圆圈 */
	.vjs-loading-spinner {
	    font-size: 2.5em;
	    width: 2em;
	    height: 2em;
	    border-radius: 1em;
	    margin-top: -1em;
	    margin-left: -1.5em;
	}
	/** 播放器显示控制 */
	.myVideo-dimensions {
	    margin: 0 auto;
	}
    </style>
</head>
<body οncοntextmenu="self.event.returnValue=false" onselectstart="return false" style="background:url(./img/bg2.jpg) no-repeat;background-size: cover;height: 100%;width: 100%;" >
	<div align="center" style="position: absolute;left:50%;top:50%; transform: translate(-50%, -50%);">
		<video id="myVideo" class="video-js vjs-big-play-centered" controls preload="auto" width="980" height="800" poster="img/fybh.jpg" data-setup='{"example_option":true}'>
		   <source src="https://dyh1183.gitee.io/video_fybh/fybh/fybh.m3u8" type="application/x-mpegURL">
		</video>
	</div>
</body>
</html>